<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
		<title>VR虚拟现实眼镜|头盔_HTC &nbsp; VR虚拟现实设备 &nbsp;|&nbsp;" HTC &nbsp;Vive中国</title>
		<link rel="stylesheet" type="text/css" href="css/vive.css"/>
		<script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vive.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vive_1.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/vive_2.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--导航栏-->
		<div class="header">
			<!--版心-->
			<div class="m-inner">
				<!--logo-->
				<div class="logo">
					<a href="#"><img src="img/data-image-png;base… (4).png"/></a>
				</div>
				<div class="nav">
					<ul>
						<li><a href="#">VR产品</a></li>
						<li><a href="#">VIVEPORT</a></li>
						<li><a href="#">开发者</a></li>
						<li><a href="#">论坛</a></li>
						<li><a href="#">博客</a></li>
						<li><a href="#">服务</a></li>
					</ul>					
				</div>
				<div class="button-area">
					<a href="#" class="button-area1">订购VIVE</a>
					<a href="#" class="button-area2">下载VIVE软件</a>
				</div>
				<div class="userlogin">
					<a href="#">登录</a>
					<img src="img/data-image-png;base… (3).png"/>
				</div>
			</div>
		</div>
		<!--轮播图-->
		<div class="slider">
	        <ul class="slider-main">
	            <li class="slider-panel">
	                <img alt="" title="" src="img/1_1.jpg">                   
	                <div class="button-area3">
	                    <a href="#">立即挑戰</a>
	                </div>
	            </li>
	            <li class="slider-panel">
	                <img alt="" title="" src="img/1_2.jpg">
	                <div class="slider-content">
	                	<img src="img/logo.png"/>
	                	<div class="slider-content1"><b>加入战斗</b></div>
	                	<div class="slider-content2">
	                		<b>沉浸感十足的激烈二战游戏，<br />尽在英雄防线VR！</b>
	                	</div>
	                	<div class="button-area">
	                		<a href="#" class="button-area4">立即预约</a>
	                		<a href="#" class="button-area4">订购VIVE</a>
	                	</div>     
	                </div>
	            </li>
	            <li class="slider-panel">
	                <img alt="" title="" src="img/1_3.jpg">
	                <div class="slider-content_1">
	                	<img src="img/logo_1.png"/>         
	                	<div class="slider-content1">
	                		月付￥29.99 <br /> <b>每月暢玩五款VR應用程式</b>
	                	</div>
	                	<div class="button-area">
	                		<a href="#" class="button-area5">开始免费试用</a>
	                		<br />
	                		<a href="#" class="button-area6">订购VIVE</a>
	                	</div>     
	                </div>
	            </li>
	            <li class="slider-panel">
	                <img alt="" title="" src="img/1_4.jpg">
	                <div class="slider-content_2">
	                	<div class="slider-content1"><b>VIVE畅听智能头戴</b></div>
	                	<div class="slider-content2">
	                		VR虚拟现实体验&nbsp;再升级<br />
	                		内建一体式耳机、超舒适内衬、操作简单的头盔调节旋钮
	                	</div>
	                	<div class="slider-content3"><b>￥799</b></div>
	                	<div class="button-area">
	                		<a href="#" class="button-area7">了解详情</a>
	                		<a href="#" class="button-area7">立即订购</a>
	                	</div>
	                </div>
	            </li>
	            <li class="slider-panel">
	                <img alt="" title="" src="img/1_5.jpg">
	                <div class="slider-content_3">
	                	<img src="img/vive-logo.png"/>
	                	<div class="slider-content1">
	                		<b>VIVE家族新成员&nbsp;即将报到</b>	                		
	                	</div>
	                	<div class="slider-content2"><b>无需连接手机或电脑的VR一体机</b></div>
	                	<div class="button-area">
	                		<a href="#" class="button-area8">了解详情</a> 
	                	</div>
	                </div>
	            </li>
	            <li class="slider-panel">
	                <img alt="" title="" src="img/1_6.jpg">
	                <div class="slider-content_4">
	                	<div class="slider-content1">
	                		<b>想体验VIVE？用租的也行！</b>
	                	</div>
	                	<div class="slider-content2">
	                		<b>VIVE租赁服务</b>
	                		<br />
	                		<b>一站式服务、满足您各种VR使用场景</b>
	                	</div>
	                	<div class="button-area">
	                		<a href="#" class="button-area9">了解詳情</a>
	                	</div>
	                </div>
	            </li>
	            <li class="slider-panel">
	                <img alt="" title="" src="img/1_7.jpg">
	                <div class="slider-content_5">
	                	<div class="slider-content1">
	                		<b>
	                			<text style="color: #00B5E2;">VIVE&nbsp;GE</text>
	                			商用多人套装
	                		</b>
	                	</div>
	                	<div class="slider-content2">
	                		<b>
	                			VR课堂、VR影院、更多你想不到的VR商机
	                			<br />
	                			头戴式设备
	                			<text style="color: #00B5E2;">&nbsp;x&nbsp;10</text>
	                			&nbsp;+&nbsp;定位器
	                			<text style="color: #00B5E2;">&nbsp;x&nbsp;2</text>
	                			<br />
	                			￥49,999
	                		</b>
	                	</div class="slider-content3">
	                	<div>
	                		<font size="1">
	                			*VIVE&nbsp;GE（Group&nbsp;Edition）商用多人套装
	                			<br />
	                			预计于2017年5月发货
	                		</font>
	                	</div>
	                	<div class="button-area">
	                		<a href="#" class="button-area10">立即预购</a>
	                	</div>
	                </div>
	            </li>
	            <li class="slider-panel">
	                <img alt="" title="" src="img/1_8.jpg">
	                <div class="slider-content_6">
	                	<div class="slider-content1"><b>VIVE追踪器</b></div>
	                	<div class="slider-content2">超越操控手柄的定义</div>
	                	<div class="button-area">
	                		<a href="#" class="button-area11">订购VIVE</a>
	                		<a href="#" class="button-area12">订购VIVE追踪器</a>
	                	</div>
	                </div>
	            </li>
	        </ul>
	        <div class="slider-extra">
	            <ul class="slider-nav">
	                <li class="slider-item"></li>
	                <li class="slider-item"></li>
	                <li class="slider-item"></li>
	                <li class="slider-item"></li>
	                <li class="slider-item"></li>
	                <li class="slider-item"></li>
	                <li class="slider-item"></li>
	                <li class="slider-item"></li>
	            </ul>
	            <div class="slider-page">
	                <a class="slider-pre" href="javascript:;;"><</a>
	                <a class="slider-next" href="javascript:;;">></a>
	            </div>
	        </div>
	    </div>
		<!--VIVE信息-->
		<div class="box">
			<div class="box-pomobanner1">
				<div class="brn1">
					<b>立即体验VIVE</b>
				</div>			
			</div>
			<div class="box-pomobanner2">
				<div class="brn2">
					<b>即将推出</b>
					<br />
					无需连接手机或电脑的VR一体机
				</div>
			</div>
			<div class="box-pomobanner3">
				<div class="brn3">
					<b>VIVE畅听智能头带</b>
				</div>			
			</div>
			<div class="box-pomobanner">
				<div class="box-pomobanner4">
					<div class="brn4">
						<b>VIVE&nbsp;STUDIOS</b>
					</div>			
				</div>
				<div class="box-pomobanner5">
					<div class="brn5">
						<b>VIVEPORT开发者版本</b>
					</div>			
				</div>
			</div>
			
		</div>
	    <!--视屏-->
	    <div class="m-video">
	    	<div class="video_content">    		
		    	<video autoplay="autoplay" loop="loop" width="100%" height="570px">
		    		<source src="img/1mp4.mp4" type="video/mp4"></source>
		    		<source src="myvideo.ogv" type="video/ogg"></source>
		    		<source src="myvideo.webm" type="video/webm"></source>
		    		<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
		    			<param name="movie" value="myvideo.swf" />
		    			<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
		    		</object>
		    		当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a>
		    	</video>
	    	</div>
	    	<div class="video-content">
	    		<div class="video-content1">
	    			<h1>HTC&nbsp;VIVE强大的<b>VR沉浸感</b></h1>
	    			<br />
	    			<br />
	    			<p>
	    				戴上VIVE VR虚拟现实头盔，现实世界即在眼前消散，取而代之的是奇幻无限的体验——从乒乓球、台球等室
	    			        内娱乐到种类繁多的其他选择。SteamVR 定位技术提供令人惊叹的图像、 110˚广角视野、直
	    			       觉操作和高清触觉反馈系统为您带来无与伦比的沉浸感受。
	    			</p>
	    		</div>	    			
	    	</div>
	    </div>
	    <!--轮播图-->
	    <div class="slider_1">
	        <ul class="slider_1-main">
	            <li class="slider_1-panel">
	            	<div class="content1">
	            		<h1>VR虚拟人生在此开展</h1>
	            		<br />
	            		<p>
	            			Viveport是一个全球VR虚拟现实应用商店，为您呈现不断增加的VR虚拟现实体验作品，横跨各种想象的到的
	            			丰富类别。以绝妙的方式探索新世界、创造新事物并结交朋友。Viveport在Vive、网页浏览器、桌面和手机应
	            			用程序上均可使用。
	            		</p>
	            	</div>
	                <img alt="" title="" src="img/3_1.jpg">
	            </li>
	            <li class="slider_1-panel">
	            	<div class="content1">
	            		<h1>VIVE&nbsp;官方配件<h1>
	            		<br />
	            		<p>
	            			VIVE追踪器能够轻松将各种外部设备加入到您的虚拟世界。Vive豪华音频头盔能使穿脱VR虚拟现实头盔更为
	            			容易，内建衬垫与一体式耳机。VIVE官方配件请看这里。
	            		</p>
	            	</div>
	                <img alt="" title="" src="img/3_2.jpg">
	            </li>
	            <li class="slider_1-panel">
	            	<div class="content1">
	            		<h1>空间定位VR虚拟现实</h1>
	            		<br />
	            		<p>
	            			SteamVR称霸业界的追踪技术，拥有低延迟、亚毫米级精确度与360度覆盖等特色。无论是以坐着、站着，
	            			或是以空间中自由走动的方式探索虚拟世界，房间规模VR虚拟现实永远将您置于世界的中心。
	            		</p>
	            	</div>
	                <img alt="" title="" src="img/3_3.jpg">
	            </li>
	        </ul>
	        <div class="slider_1-extra">
	            <ul class="slider_1-nav">
	                <li class="slider_1-item"></li>
	                <li class="slider_1-item"></li>
	                <li class="slider_1-item"></li>
	            </ul>
	            <div class="slider_1-page">
	                <a class="slider_1-pre" href="javascript:;;"><</a>
	                <a class="slider_1-next" href="javascript:;;">></a>
	            </div>
	        </div>
        </div>
		<!--VIVE最新动态详情-->
		<div class="box_1">
			<div class="box_1-pomobanners">
				<div class="box_1-pomobanner1">
					<div class="brn1">
						<h2>
							HTC&nbsp;Vive&nbsp;VR
							<br />
							<b>最新动态</b>
						</h2>
					</div>
					<div class="brn2">
						<div class="brn2_1">					
							<b>
								排队五小时也要体验，3A级VR大作今年登录<br />VIVE！
							</b>
						</div>
					</div>
			    </div>
			    <div class="box_1-pomobanner2">
			    	<div class="brn3">
			    		<div class="brn3_1">
			    			<b>购买VIVE配件</b>
			    		</div>
			    	</div>
			    	<div class="brn4">
			    		<div class="brn4_1">
			    			<b>
			    				33家VIVE&nbsp;X全球顶尖创业团队带你走进VR/AR的未来世界！
			    			</b>
			    		</div>
			    	</div>
			    </div>
			    <div class="box_1-pomobanner3">
			    	<div class="img-lgo1">
			    		<img src="img/icon-double-quote-start.png"/>
			    	</div>
			    	<div class="brn4">
			    		<p>
			    			Trusted&nbsp;Reviews <br />
			    		    Awards&nbsp;2016: <br />
			    		    VR&nbsp;Headset&nbsp;of&nbsp;the <br />
			    		    Year-HTC&nbsp;Vive <br />
			    		    -Trusted&nbsp;Reviews
			    		</p>
			    		<br /><br />
			    		<p>
			    			VR&nbsp;Headset&nbsp;of&nbsp;the <br />
			    			Year <br />
			    			-Wearable&nbsp;Tech <br />
			    			Awards
			    		</p>
			    	</div>
			    	<div class="img-lgo2">
			    		<img src="img/icon-double-quote-end.png"/>
			    	</div>
			    </div>
			</div>	
		</div>
	    <!--VR内容-->
	    <div class="box-content">
	    	<div class="title">
	    		<h1>HTC&nbsp;VIVE&nbsp;最出色的VR内容</h1>
	    	</div>
	    	<div class="box-slider">
	    		<img src="img/5_1.jpg"/>
	    		<div class="item">
	    			<ul>
	    				<li><img src="img/5_1_1.jpg"/></li>
	    				<li><img src="img/5_1_1.jpg"/></li>
	    				<li><img src="img/5_1_1.jpg"/></li>
	    			</ul>
	    		</div>
	    	</div>
	    	<div class="box-viveport">
	    		<div class="button-area">
	    			<a href="#">前往&nbsp;Viveport</a>
	    		</div>
	    	</div>
	    </div>
		<!--视屏-->
		<div class="m-video">
	    	<div class="video_content">    		
		    	<video autoplay="autoplay" loop="loop" width="100%" height="570px">
		    		<source src="img/2mp4.mp4" type="video/mp4"></source>
		    		<source src="myvideo.ogv" type="video/ogg"></source>
		    		<source src="myvideo.webm" type="video/webm"></source>
		    		<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
		    			<param name="movie" value="myvideo.swf" />
		    			<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
		    		</object>
		    		当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a>
		    	</video>
	    	</div>
	    	<div class="video-content_button">  		
	    		<a href="#">
	    			<img  style="width: 15px; height: 15px; text-align: center;" src="img/play.png"/>播放视频
	    		</a>    			
	    	</div>
	    </div>
		<!--亲眼一见-->
		<div class="box1-content-1">
			<div class="box1-content-1_1">
				<h1>亲眼一见</h1>
				<br />
				<p style="font-size: 1.1em;">
					前往VIVE体验点，感受当今最具沉浸感的VR虚拟现实系统。体验游戏界、交互式内容和360<sup>。</sup>
				        影片的最佳VR应用。和专家们交流、分享，虚拟现实的未来。
				</p>
				<div class="button-area">
					<a href="#">全国体验点</a>
					<a href="#">全国零售点</a>
			    </div>
			</div>			
		</div>
		<!--关注动态-->
		<div class="fixon">
			<div class="fixon-content">
				<div class="fixon-content-1">
					关注VIVE最新动态
				</div>
				<div class="fixon-content-2">
					<input type="text" name="" id="" value="请输入您的邮箱地址" />
					<br />
					<label for="" class="label1">
						<select name="选择国家或地区">
							<option value="">选择国家/地区</option>
						</select>
					</label>
				</div>
				<div class="fixon-content-3">
					<a href="#">注册</a>
				</div>
			</div>
		</div>
		<!--合作伙伴-->
		<div class="friends">
			<div class="friends-content1">
				<h1>HTC Vive VR虚拟现实合作伙伴</h1>
				<br />
				<p>
                    VIVE由HTC和Valve共同研发，实现对虚拟现实的追寻。
                                        与VIVE合作的VR虚拟现实生态圈正在持续扩大，
                                        包括世界各地的用户、开发者和企业。
				</p>
			</div>
			<div class="friends-content2">
				<img src="img/hp-08-partners-01-valve.png"/>
				<img src="img/hp-08-partners-02-owlchemy.png"/>
				<img src="img/hp-08-partners-03-wevr.png"/>
				<img src="img/hp-08-partners-04-google.png"/>
				<img src="img/hp-08-partners-05-couldhead.png"/>
				<img src="img/hp-08-partners-06-lionsgate.png"/>
			</div>
		</div>
		<!--尾部-->
		<div class="foot">
			<div class="foot-content1">
				<div class="foot-content1_1">
					关注VIVE
				</div>				
			</div>
			<div class="foot-content2">
				<div class="foot-content2_1">
					<dl>
						<dt><b>使用条款</b></dt>
						<br />
						<dd>隐私政策</dd>
						<dd>VIVEPORT&nbsp;使用条款</dd>
						<dd>VIVEPORT&nbsp;平台协议</dd>
						<dd>安全与法规注意事项</dd>
						<dd>产品安全</dd>
						<dd>HTC&nbsp;法律文档</dd>
						<dd>使用条款</dd>
						<dd>行为守则</dd>
						<dd>版权侵权索赔通知及程序</dd>
					</dl>
				</div>
				<div class="foot-content2_2">
					<dl>
						<dt><b>支持</b></dt>
						<br />
						<dd>订购帮助</dd>
						<dd>订单状态</dd>
						<dd>退货和取消</dd>
						<dd>保修政策</dd>
					</dl>
				</div>
				<div class="foot-content2_3">
					<dl>
						<dt><b>关于HTC</b></dt>
						<br />
						<dd>关于HTC</dd>
						<dd>HTC.com</dd>
						<dd>新闻稿</dd>
						<dd>VIVE&nbsp;X</dd>
					</dl>
				</div>
				<div class="foot-content2_4">
					<div class="foot-content2-area">
						地区：
						<label for="">
							<select name="">
								<option value="">
									<img src="img/data-image-png;base….png"/>中国
								</option>
							</select>
						</label>
						<br />
						<br />
						<img src="img/data-image-png;base… (2).png"/>
					</div>							
				</div>
			</div>
			<div class="foot-content3">
				<div class="foot-content3_1">
					&copy;2011-2017宏达国际电子股份有限公司
					<br />
					<br />
					沪ICP备10214397号
				</div>				
			</div>
		</div>
	</body>
</html>
